<template>
	<view class="detail">
		<view class="d1">
			<text>{{detail.parkName}}</text>
			<text>空位数量：{{detail.vacancy}}位</text>
			<text>地址：{{detail.address}}</text>
			<text>收费价格：{{detail.rates}}元</text>
			<text>距离：{{detail.distance}}米</text>
			<text>对外开放：开放</text>
			<text>停车费：{{detail.rates}}元/小时</text>
			<text>最高：{{detail.priceCaps}}元/天</text>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				detail:{},
				id:0
			}
		},
		onLoad(options) {
			this.id=options.id
			this.getdetail()
		},
		methods: {
			getdetail(){
				this.api.get('/prod-api/api/park/lot/'+this.id).then(res=>{
					this.detail=res.data.data
				})
			}
		}
	}
</script>

<style lang="scss">
.d1{
	width: 250px;
	margin: 20px auto;
	display: flex;
	flex-direction: column;
	border: 2px solid coral;
	text-align: center;
	line-height: 27px;
	border-radius: 15px;
}
</style>
